<template>
	<view class="container">
		<view class="content">
			<image :src="`${iconUrl}yyzz.jpg`" mode="widthFix" @tap="previewImage(`${iconUrl}yyzz.jpg`)"></image>
		</view>
	</view>
</template>

<script setup lang="ts">
	import { ref } from 'vue'
	const iconUrl = ref("https://xjs-oss-prod.oss-cn-shenzhen.aliyuncs.com/xjs-static/")
	const previewImage = (imgUrl: string) => {
		uni.previewImage({
			loop: true,
			urls: [imgUrl]
		});
	}
</script>

<style lang="scss" scoped>
	.container {
		background-color: #F8F8F8;
	}

	.content {
		padding-top: 40rpx;
		margin: 0 auto;
		width: 686rpx;

		image {
			width: 686rpx;
		}
	}
</style>